<template>
  <div v-loading="loading">
    <el-table tooltip-effect="darkTable" :data="flowAssigneesVoList" border>
      <el-table-column :label="$t('节点名称')" align="left" prop="taskName" show-overflow-tooltip />
      <el-table-column />
    </el-table>
  </div>
</template>

<script>

import { showFlowAssignees } from '@/api/act/process/actProcess'

export default {
  name: 'ShowFlowAssignees',
  props: {
    processDefinitionKey: {
      type: String,
      default: null
    }
  },
  data() {
    return {
      // 遮罩层
      infoOpen: false,
      loading: false,
      flowAssigneesVoList: []
    }
  },
  computed: {
  },
  watch: {
    processDefinitionKey(val) {
      if (val !== null && val !== 'null' && val !== undefined) {
        this.showFlowChart(val)
      }
    }
  },
  created() {
    if (this.processDefinitionKey !== null && this.processDefinitionKey !== 'null' && this.processDefinitionKey !== undefined) {
      this.showFlowAssignees(this.processDefinitionKey)
    }
  },
  methods: {
    showFlowAssignees(processDefinitionKey) {
      this.loading = true
      showFlowAssignees(processDefinitionKey).then(response => {
        debugger
        this.flowAssigneesVoList = response.data
        this.loading = false
      })
    }
  }
}
</script>
